<nav class="navbar navbar-toggleable-sm navbar-light bg-faded fixed-top py-0">
	<button class="navbar-toggler navbar-toggler-right" type="button" 
		data-toggle="collapse" data-target="#editorNavbar" 
		aria-controls="editorNavbar" 
		aria-expanded="false" aria-label="Toggle navigation">
		<span class="navbar-toggler-icon"></span>
	</button>
	<a class="navbar-brand hidden-md-up" href="#">
		<i class="ion-eye"></i>
		预览</a>
	
	<span class="editor-filename" style="position: absolute;top:.5rem;left:50%;transform: translateX(-50%)">
		FileName
	</span>
	<div class="editor-toast" style="position: absolute;top: 2.8rem;width: 30%;left:35%">
		<div class="alert alert-danger text-center" style="display: none" >
			<i class="ion-close-round"></i>
			<span>Message</span>
		</div>
		<div class="alert alert-warning text-center" style="display: none">
			<i class="ion-alert"></i>
			<span>Message</span>
		</div>
		<div class="alert alert-success text-center" style="display: none">
			<i class="ion-checkmark-round"></i>
			<span>Message</span>
		</div>
		<div class="alert alert-info text-center" style="display: none">
			<i class="ion-information"></i>
			<span>Message</span>
		</div>
	</div>

	<div class="collapse navbar-collapse" id="editorNavbar">
		<ul class="navbar-nav mr-auto">
			<li class="nav-item">
				<a class="nav-link" href="#" data-navid="new" accesskey="n">
					<i class="ion-document-text"></i>
					新建 <small class="text-muted"><u>n</u></small> </a>
			</li>
			<li class="nav-item dropdown">
				<a class="nav-link dropdown-toggle" accesskey="o"
					data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
					<i class="ion-folder"></i>
					打开 <small class="text-muted"><u>o</u></small>
				</a>
				<div class="dropdown-menu">
					<a class="dropdown-item" href="#" data-navid="open_local">
						<i class="ion-monitor"></i>
						本地文件</a>
					<a class="dropdown-item" href="#" data-navid="open_browser">
						<i class="ion-earth"></i>
						浏览器内文件</a>
				</div>
			</li>
			<li class="nav-item dropdown">
				<a class="nav-link dropdown-toggle"  accesskey="e"
					data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
					<i class="ion-archive"></i>
					导出 <small class="text-muted"><u>e</u></small>
				</a>
				<div class="dropdown-menu">
					<a class="dropdown-item" href="#" data-navid="export_markdown">
						<i class="ion-social-markdown"></i>
						Markdown</a>
					<a class="dropdown-item" href="#" data-navid="export_html">
						<i class="ion-social-html5"></i>
						HTML</a>
				</div>
			</li>
		</ul>
		<ul class="navbar-nav">
			<li class="nav-item">
				<a class="nav-link" href="#"  accesskey="h" data-navid="help">
					<i class="ion-help"></i>
					帮助 <small class="text-muted"><u>h</u></small>
				</a>
			</li>
			<li class="nav-item">
				<a class="nav-link" href="#"  accesskey="s" data-navid="config">
					<i class="ion-gear-b"></i>
					设置 <small class="text-muted"><u>s</u></small>
				</a>
			</li>
		</ul>
	</div>
</nav>